.nes-smartphone {
  $px: 6px;
  $smartphone-colors: (#fff, #060606);
  // prettier-ignore
  $smartphone: (
    (0,2,2,2,2,2,2,2,2,2,2,2,2,2),
    (2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
    (2,1,1,1,2,2,2,2,2,2,2,1,1,1,2),
    (2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
    (2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
    (2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
    (2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
    (2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
    (0,2,2,2,2,2,2,2,2,2,2,2,2,2)
  );

  position: relative;
  display: inline-block;
  width: $px * 16;
  height: $px * 27;

  &::before {
    position: absolute;
    top: $px * -1;
    left: $px * -1;
    content: "";
    background: transparent;

    @include pixelize($smartphone, $smartphone-colors, $px);
  }
}
